<template>
  <div class="dashboard-container">
    <div class="dashboard-text">name: {{ name }}</div>
    <!-- <article-comment v-for="(item,index) in list" :key="index" :comment="item.comment" :default-image="item.img" :imgs="item.imgs" action="request" /> -->
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
// import ArticleComment from '@/components/articel-comment'
export default {
  name: 'Dashboard',
  components: {
    // ArticleComment
  },
  data() {
    return {
      list: [
        {
          img: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-pre.ivsky.com%2Fimg%2Fbizhi%2Fpre%2F201910%2F29%2Fzhangmingen.jpg&refer=http%3A%2F%2Fimg-pre.ivsky.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656035938&t=1209f797b90c69d2dffe22f78db13a73',
          imgs: ['https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-pre.ivsky.com%2Fimg%2Fbizhi%2Fpre%2F201910%2F29%2Fzhangmingen.jpg&refer=http%3A%2F%2Fimg-pre.ivsky.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656035938&t=1209f797b90c69d2dffe22f78db13a73'],
          comment: '我是一个评论'
        }
      ]

    }
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
